<template>
  <div>
    这个是sync --- 父组件---{{ num }} --- {{ num2 }}
    <Son
      :aa="num"
      :bb="num2"
      @update:aa="val=>num=val"
      @update:bb="val=>num2=val"
    />
    <hr>
    <!-- sync是一个语法糖:作用实现父子组件数据的双向绑定 -->
    <!-- v-model只能绑定一次 -->
    <!-- sync可以绑定多次  -->
    <Son
      :aa.sync="num"
      :bb.sync="num2"
    />
  </div>
</template>

<script>
import Son from './Son.vue'
export default {
  name: 'VueHrFather',
  components: {
    Son
  },
  data() {
    return {
      num: 100,
      num2: 200
    }
  },

  mounted() {

  },

  methods: {

  }
}
</script>

<style lang="scss" scoped>

</style>
